:hover > .subheading-anchor {
  @apply x:opacity-100;
}

.subheading-anchor {
  @apply x:ms-1;

  @apply x:opacity-0 x:transition;

  :target > &,
  &:focus {
    @apply x:opacity-100;
  }

  :target > & {
    /* https://github.com/tailwindlabs/tailwindcss/issues/15597#issuecomment-2582673546 */
    @apply x:after:text-gray-600 x:dark:after:text-neutral-400;
  }

  &:after {
    @apply x:content-['#'] x:px-1;
  }
  /* https://github.com/tailwindlabs/tailwindcss/issues/15597#issuecomment-2582673546 */
  @apply x:after:text-gray-600 x:dark:after:text-neutral-400;
}
